<template>
    <el-drawer :visible.sync="drawer" direction="rtl" size="50%" :with-header="false">
        <div class="drawer_box">
            <div class="drawer_t">
                <div class="drawer_t_l">
                    <img class="drawer_t_l_img" src="/static/skin/herodoo/main/platform/home/img/quanyishaixuan.png"
                        alt="">
                    添加权益
                </div>
                <img class="drawer_t_r" src="/static/skin/herodoo/main/platform/home/img/guanbi.png" alt=""
                    @click="drawer = false">
            </div>

            <div class="table">
                <el-table></el-table>
            </div>

            <div class="drawer_b">
                <div class="drawer_b_r">
                </div>
                <div class="drawer_b_r">
                    <div class="drawer_list">
                        已选择权益: <span>{{ }}</span>件
                    </div>
                    <div class="drawer_list">
                        合计: <span>￥{{ }}</span>
                    </div>
                    <span class="drawer_sx" @click="">
                        确认
                    </span>
                </div>
            </div>
        </div>
    </el-drawer>
</template>


<script>

export default {
    name: "admin_Dashboard", /* 这个name暂时不知道用啥用，根据官方文档说的是方便排错的 */
    components: {

    },
    data() {
        return {
            octopus: this.$parent.octopus,
            drawer: false
        }
    },
    created() {

    },
    activated() {

    },
    methods: {
        drawerOp() {
            this.drawer = true;
        }
    },
}
</script>
<style scoped>
.drawer_box {
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.drawer_t {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    padding: 2rem;
    top: 0;
    left: 0;
    background-color: #ffff;
    /* border-bottom: 1px solid #0000; */
}

.drawer_t_l {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.drawer_t_l_img {
    width: 2.8rem;
    margin-right: 1rem;
    vertical-align: middle;
}

.drawer_t_r {
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    position: absolute;
    right: 6rem;
}

.block {
    width: 100%;
    height: 90vh;
    padding: 20px 0;
    margin-top: 20px;
    overflow-y: auto;
}
</style>